﻿/* AutoProVideo */

.video-header { background: #fff; }
.video-header-bottom { width: 980px; height: 9px; padding: 10px 10px 0 10px; display: inline-block; float: left; background-color: #FFFFFF; }

.video-header .video-highlight { float: left; width: 606px; padding: 10px; background: #EBEBEB; }

.video-highlight h2 { font-size: 16px; line-height: 24px; display: block; }

.video-header .video-highlight .video-embeb { width: 606px; height: 357px; }
.video-header .video-highlight .video-info { width: 606px; padding: 7px 0 0 0; display: inline-block; }


.video-header .video-highlight .video-info .video-title-sapo h1 a { color: #DE5F2C; float: left; font-size: 20px; font-weight: bold; width: 100%; }

.video-header .video-highlight .video-info .video-tags { padding-top: 5px; }
.video-header .video-highlight .video-info .tags-item { padding-top: 5px; }
.video-header .video-highlight .video-info .tag-list { }

.video-header .video-highlight .video-info .video-tags .tagname { font: bold 12px / 17px Tahoma; color: #7f7f7f; }
.video-header .video-highlight .video-info .share-link { width: 591px; float: left; }
.video-header .video-highlight .video-info .video-title-sapo h3 { margin: 0 0 4px; font: bold 17px / 27px Arial; color: #2d2d2d; text-align: left; }
.video-header .video-highlight .video-info .video-title-sapo p { font: normal 13px / 17px Arial; color: #313131; padding-top: 5px; overflow: hidden; }
/*.video-header .video-highlight .video-info .video-title-sapo p.relation a { font: bold 11px / 17px Arial; color: #425166; text-align: left; background: url(/App_Themes/Default/Images/VideoImages/video-icon.png) no-repeat 0 2px; padding: 0 0 0 21px; }*/
/*.video-header .video-highlight .video-info .video-view { background: url(/App_Themes/Default/Images/VideoImages/icon_view.gif) no-repeat scroll 0 3px; float: left; width: 143px; font: normal 12px /18px Arial; color: #656464; padding: 4px 0 0 18px; margin: 5px 0; }*/
.video-header .video-highlight .video-info .video-view span { font: normal 12px /18px Arial; color: #656464; }
.video-header .video-highlight .video-info .like-facebook { float: left; width: 480px; padding: 4px 0 0 0px; }
.video-header .video-highlight .video-info .like-facebook iframe { width: 100%; height: 27px; }
.video-header .video-highlight .video-info .video-link { float: left; width: 143px; padding: 6px 0 0; }
.video-header .video-highlight .video-info .video-link span { font: normal 11px /18px Arial; color: #6F6F6F; float: left; padding: 0 10px 0 0; }
.video-header .video-highlight .video-info .video-link a.facebook { float: left; padding: 0 5px 0 0; }
.video-header .video-highlight .video-info .video-link a.linkhay { float: left; padding: 0; }
.video-header .video-highlight .video-info .video-link img { border: 0; }
.video-header .video-adv { float: left; width: 345px; padding: 0 0 10px 9px; }
.video-header .video-highlight-cont { float: right; width: 336px; background: #fff; }
/*.video-header .video-highlight-cont h3 { height: 32px; border-top: 1px solid #c6c6c6; border-left: 1px solid #c6c6c6; border-right: 1px solid #c6c6c6; position: relative; padding: 0 0 0; margin: 0; background: url('/Images/VideoImages/video-h3-bg.gif') no-repeat 1px 1px; }*/
/*.video-header .video-highlight-cont h3 span { position: absolute; width: 47px; height: 40px; top: 0; left: 8px; background: url('/Images/VideoImages/video-h3-icon.png') no-repeat; }*/
.video-header .video-highlight-cont .video-highlight-cont-container { background: #d7d7d7; padding: 0 0 0 1px; float: left; overflow-y: scroll; overflow-x: hidden; width: 335px; position: relative; z-index: 1; }
.video-header .video-highlight-cont .video-highlight-cont-bottom { background: #dfdfdf; float: left; width: 336px; height: 1px; }
.video-header .video-highlight-cont .video-highlight-cont-container ul { padding: 0; margin: 0; background: #fff; width: 337px; float: left; position: relative; }
.video-header .video-highlight-cont .video-highlight-cont-container ul li { padding: 10px; margin: 1px 0px; list-style: none outside none; float: left; width: 317px; background-color: #EBEBEB; position: relative; }
.video-header .video-highlight-cont .video-highlight-cont-container ul li.last { background-color: #EBEBEB; }
.video-play-status { font: normal 11px /15px Arial; color: #979797; display: none; }

li.current .video-play-status { display: block; }
.video-header .video-highlight-cont .video-highlight-cont-container ul li img { float: left; margin: 0 5px 0 0; width: 53px; height: 33px; border: 0; }
.video-header .video-highlight-cont .video-highlight-cont-container ul li a.link-img { position: relative; float: left; width: 53px; margin: 0 5px 0 0; }
.video-header .video-highlight-cont .video-highlight-cont-container ul li a img.icon-video { position: absolute; width: 16px; height: 16px; top: 9px; left: 16px; }
.video-header .video-highlight-cont .video-highlight-cont-container ul li a.lnk { font: bold 11px /15px Arial; color: #333; text-decoration: none; padding: 0 20px 0 0; }
.video-header .video-highlight-cont .video-highlight-cont-container ul li a span { font: bold 10px /15px Tahoma; color: #9b9b9b; text-decoration: none; }
.video-list { width: 980px; display: inline-block; float: left; padding: 0 0 10px; margin-top: 10px; }
.video-list .video-menu { width: 128px; float: left; text-align: left; display: inline-block; }

.video-list .video-menu ul { margin: 0; width: 150px; padding-top: 2px; float: left; background: #fff; overflow: hidden; }
.video-list .video-menu ul li { padding: 8px 0px; float: left; width: 150px; height: 16px; background: #EBEBEB; font-size: 8px; list-style-type: none; margin: 1px 0px; }

.video-list .video-menu ul li:hover { background: #e1e1e1; }

.video-list .video-menu ul li.last { border-bottom: none; }
.video-list .video-menu ul li a { font: bold 11px /15px Arial; text-transform: uppercase; color: #555555; text-decoration: none; padding-left: 15px; }
.video-list .video-menu ul li.active { background-color: #ececec; height: 16px; width: 143px; list-style-position: inside; border: 1px solid #ececec; padding-left: 10px; }
.video-list .video-menu ul li.active a { color: #ca0002; padding: 0 20px 0 10px; }
.video-list .video-list-container { float: right; width: 810px; overflow: hidden; background: #fff; }
.video-list .video-list-container .video-list-header { margin: 0; width: 819px; background-color: #EBEBEB; }
.video-list .video-list-container .video-list-header h4 { margin: 0 8px 0 10px; float: left; display: inline-block; height: 29px; }
.video-list .video-list-container .video-list-header h4 a { margin: 0px 10px 0px 0px; display: inline-block; height: 29px; padding-top: 3px; }
.video-list .video-list-container .video-list-header h4 a span { display: inline-block; height: 22px; font: bold 12px /22px Tahoma; padding: 0 12px; color: #6B6B6B; }
.video-list .video-list-container .video-list-header h4.header-active a span { height: 26px; color: #d91414; }

.menu-video-active { /*border-bottom: 2px solid #DE5F2C;*/ }

.video-list .video-list-container .video-list-header h4.header-active { }

.video-list-header h1 a { font: bold 12px/28px Tahoma; color: #6b6b6b; border-top: 2px solid #de5f2c; display: inline-block; float: left; margin-right: 4px; padding: 0 10px; background-color: transparent; }
.video-list-header h1 a.current { color: #D91414; }
.video-list .video-list-container .video-list-header h4.active a span { color: #D91414; }
.video-list .video-list-container .video-list-content { width: 810px; padding-top: 10px; }
.video-list .video-list-container .video-list-content .video-sapatator { float: left; height: 10px; width: 797px; }
.video-list .video-list-container .video-list-content .video-item { background-color: #EBEBEB; float: left; margin-right: 14px; padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; position: relative; width: 172px; height: 190px; }

.video-list .video-list-container .video-list-content .video-item-last { margin-right: 0px; }
.video-list .video-list-container .video-list-content .video-item img { width: 163px; display: block; height: 94px; border: 4px solid #E6E6E6; }
.video-list .video-list-container .video-list-content .video-image { width: 171px; height: 107px; }
.video-list .video-list-container .video-list-content .video-item img.icon-video { width: 31px; height: 32px; border: 0; position: absolute; top: 45px; left: 80px; }
.video-list .video-list-container .video-list-content .video-item img.video-item-icon { position: absolute; width: 37px; height: 37px; top: 29px; left: 60px; }
.video-list .video-list-container .video-list-content .video-item .video-info { height: 25px; border-bottom: 1px solid #e9e9e9; float: left; width: 158px; }
.video-list .video-list-container .video-list-content .video-item .video-info .video-view { font: normal 11px / 25px Arial; color: #000; background: url('/Images/VideoImages/video-view-icon.png') no-repeat left 6px; padding: 0 0 0 15px; float: left; width: 75px; height: 25px; vertical-align: middle; line-height: 25px; }
.video-list .video-list-container .video-list-content .video-item .video-info .like-facebook { float: left; width: 100px; }
.video-list .video-list-container .video-list-content .video-item h4 { padding: 6px 0 0; margin: 25px 0 0 0px; _margin: 5px 0 0 0px; text-align: left; }
.video-list .video-list-container .video-list-content .video-item h4 a { font: bold 12px / 18px Arial; color: #333; text-decoration: none; }
.video-list .video-paging { text-align: right; }
.video-list .video-paging a { color: #777777; font: 700 11px/19px Tahoma; padding: 0 10px; height: 19px; display: inline-block; background: #E2E2E2; text-decoration: none; text-align: center; vertical-align: middle; margin: 0px 0 2px 5px; }
.video-list .video-paging a.active { background: #DD5F2C; color: #fff; }
.cornertop { background-position: -1844px -56px; width: 700px; height: 7px; display: block; float: left; background: url(/images/sprite.gif) no-repeat; }

.video-header .video-highlight .video-info .tag-list .tags-item a { color: #DE5F2C; }
.video-header .video-highlight .video-info .tag-list .tags-item a:hover { color: #000; }

/* AutoProVideo EOF*/

/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

.jspContainer { overflow: hidden; position: relative; }

.jspPane { position: absolute; }

.jspVerticalBar { position: absolute; top: 0; right: 0; width: 16px; height: 100%; background: red; }

.jspHorizontalBar { position: absolute; bottom: 0; left: 0; width: 100%; height: 16px; background: red; }

.jspVerticalBar *, .jspHorizontalBar * { margin: 0; padding: 0; }

.jspCap { display: none; }

.jspHorizontalBar .jspCap { float: left; }

.jspTrack { background: #dde; position: relative; }

.jspDrag { background: #bbd; position: relative; top: 0; left: 0; cursor: pointer; }

.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag { float: left; height: 100%; }

.jspArrow { background: #50506d; text-indent: -20000px; display: block; cursor: pointer; }

.jspArrow.jspDisabled { cursor: default; background: #80808d; }

.jspVerticalBar .jspArrow { height: 16px; }

.jspHorizontalBar .jspArrow { width: 16px; float: left; height: 100%; }

.jspVerticalBar .jspArrow:focus { outline: none; }

.jspCorner { background: #eeeef4; float: left; height: 100%; }


* html .jspCorner { margin: 0 -3px 0 0; }
.content-area { height: 300px; }

.jspVerticalBar { width: 8px; background: transparent; right: 2px; }

.jspHorizontalBar { bottom: 5px; width: 100%; height: 8px; background: transparent; }
.jspTrack { background: transparent; }

.jspDrag { background: url('/skin/transparent-black.png') repeat; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }

.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag { float: left; height: 100%; }



.jspCorner { display: none; }

.tags-item a { color: #BB3914; }



.video_share .video_share_wrapper { position: absolute; top: 25px; left: 0; display: none; z-index: 10; }
.video_share .video_share_container { position: relative; border: solid 3px #d7d7d7; padding: 10px 15px 10px 5px; border-radius: 5px; width: 480px; background-color: #fff; }

.video_share label { display: inline-block; height: 20px; width: 90px; line-height: 20px; }
.video_share input { display: inline-block; height: 18px; border: solid 1px #d7d7d7; line-height: 18px; width: 360px; }
.video_share .share_item:last-child { margin-top: 10px; }
.fl { float: left; }
.fr { float: right; }
.sprite-video { background: url(/skin/sprite-video2.png) no-repeat; }
.w100pt { width: 100%; }
.w1090 { width: 1090px; }
.w260 { width: 260px; }


.mg0 { margin: 0px auto; }
.mgt10 { margin-top: 10px; }
.mgt50 { margin-top: 30px; }
.mgt77 { margin-top: 77px; }
.mgt80 { margin-top: 80px; position: fixed; bottom: 0; }
.top286 { top: 286px; }

.mgl5 { margin-left: 5px; }
.mgl10 { margin-left: 10px; }
.mgl20 { margin-left: 20px; }

.vd-dt-wp { width: 100%; }
.clipcoppy { background-position: -2px -1px; width: 64px; height: 18px; display: block; position: fixed; left: 45%; }
.vddt-rowleft { background-position: -1px -23px; width: 27px; height: 51px; display: block; position: relative; left: 20px; }
.vddt-rowright { background-position: -35px -23px; width: 27px; height: 51px; display: block; position: relative; right: 20px; }
.vddtcontent { width: 675px; background: #000000; text-align: center; height: 537px; margin-left: 38px; }
.vddtcontentcm { width: 320px; background: #fff; height: 537px; padding: 0px 23px 0px 17px; font-size: 12px; }
.vddtcontentcm h1 { font-size: 15px; color: #9e2d0b; font-weight: bold; margin-top: 10px; padding-top: 10px; }
.vd-dt-time { font-size: 11px; color: #999999; margin-top: 5px; }
.vddtcontentcm p { color: #444444; }
.likefb { background: #f4f4f4; border: 1px solid #d0d0d0; padding: 5px; margin: 14px 0 5px 0; }

.vdcmdetail { width: 308px; background: #f4f4f4 url(/skin/rpcm.gif) repeat-x bottom; }
ul.vdcmdetail li img { width: 30px; height: 30px; float: left; margin-right: 6px; }
ul.vdcmdetail li { width: 302px; float: left; padding: 6px 0px 8px 6px; }
.vdcmdetail li p { margin-top: 0px; }
.vdcmuser { font-weight: bold; }

.vddt-witecm { width: 296px; background: #f4f4f4; padding: 8px 6px 8px 6px; border-bottom: 1px solid #dfdfdf; }
.vdwitecm { width: 290px; height: 36px; border: 1px solid #dfdfdf; font-size: 11px; font-style: italic; color: #999999; font-family: Arial; padding: 3px 0px 0px 4px; }

.vdtool { background: url(/skin/toolrp.gif) repeat-x; width: 100%; height: 49px; }
.backicon { background-position: -74px -0px; display: block; width: 42px; height: 31px; }
.nexticon { background-position: -74px -35px; display: block; width: 42px; height: 31px; }
.countvideo { font-weight: bold; color: #9e9e9e; font-size: 20px; line-height: 30px; text-shadow: 1px 2px 0px #000; }
.totalvideo { margin-right: 20px; font-weight: bold; color: #9e9e9e; font-size: 20px; line-height: 30px; text-shadow: 1px 2px 0px #000; }
.replayicon { background-position: -121px 0px; display: block; width: 42px; height: 31px; }
.setupicon { background-position: -121px -34px; display: block; width: 42px; height: 31px; }
.videonewsk14 { background-position: -170px -0px; display: block; width: 282px; height: 29px; }
.videtag { background-position: -170px -34px; display: block; width: 157px; height: 31px; }
.videorowdown { background: url('/skin/btnDown.png') no-repeat; display: block; width: 44px; height: 49px; }

.videorowup { background: url('/skin/btnUp.png') no-repeat; display: block; width: 44px; height: 49px; }

.vdlist { background: #424242; height: 108px; position: relative; overflow: hidden; width: 1222px; }
.vdlist-rowleft { background-position: 0px -86px; width: 29px; height: 108px; display: block; }
.vdlist-rowright { background-position: -32px -86px; width: 29px; height: 108px; display: block; }
.vdlist ul { float: left; }
.vdlist ul li { width: 249px; height: 74px; margin-top: 12px; padding-top: 10px; text-align: left; }
.vdlist-active { background: #222222; -moz-box-shadow: 0 0 6px #2e2e2e; -webkit-box-shadow: 0 0 6px #2e2e2e; box-shadow: 0 0 6px #2e2e2e; opacity: 1; }
.vdlist-nomal { background: #000; position: relative; z-index: 0; opacity: 0.3; filter: alpha(opacity=60); }

.vd-stt { width: 30px; font-size: 18px; color: #fff; text-align: center; line-height: 50px; }
.vdlist ul li img { width: 113px; height: 65px; float: left; margin-right: 5px; }
.vdlist ul li .nextPl { position: absolute; top: 30px; left: 83px; width: 84px !important; height: 32px !important; cursor: pointer; }
.vdlist ul li p a { font-size: 12px; font-weight: bold; color: #fff; text-decoration: none; }
.vdtag { width: 282px; border-top: 1px solid #6d6d6d; border-left: 1px solid #6d6d6d; border-right: 1px solid #6d6d6d; background: #555555 /*url(/skin/clickrp.png) repeat-x bottom*/; -moz-box-shadow: 1px 2px #101010; -webkit-box-shadow: 1px 2px #101010; box-shadow: 1px 2px #101010; }
.vdtag { position: absolute; z-index: 1000; visibility: hidden; bottom: 75%; left: 18%; }
.vdtag li { line-height: 24px; border-bottom: 1px solid #666666; background: #555 /*url(/skin/clickrp.png) repeat-x bottom*/; width: 282px; }
.vdtag li a, .videonewsk14 { color: #9e9e9e; text-decoration: none; font-size: 12px; font-weight: bold; text-shadow: 1px 1px 0px #000; margin-left: 15px; }
.vdtag li a:hover { color: #fff !important; }
.videonewsk14 { line-height: 29px; padding-left: 10px; }

.vdsapo { }
.vdsapo a { color: #9e2d0b; font-weight: bold; margin-top: 10px; }
.video-embeb-lb { margin-top: 60px; }
.now-playing { background: #666; color: #111; font-size: 10px; line-height: 1; font-weight: bold; text-transform: uppercase; display: none; }
.videoShowHeader { cursor: pointer; background: url('/skin/btnVideoHideHeader.png') no-repeat; width: 64px; height: 18px; display: block; position: fixed; left: 45%; }
.videoHideHeader { cursor: pointer; background: url('/skin/btnVideoShowHeader.png') no-repeat; width: 64px; height: 18px; display: block; position: fixed; left: 45%; }



.lb-background { display: none; position: fixed; z-index: 10000; width: 100%; height: 100%; top: 0; left: 0; background: transparent url('/Images/bg_list_desc.png') repeat; }
.lb-inner { box-shadow: 5px 5px 10px #333; width: 976px; position: relative; display: block; margin: 30px auto; background-color: white; }
.lb-layout { width: 100%; height: 540px; border: none; border-collapse: collapse; }
.lb-layout-left, .lb-layout-right { height: 100%; padding: 10px; }
.lb-layout-left { background-color: #000; text-align: center; vertical-align: middle; width: 100%; }
.lb-layout-left * { margin: auto; display: block; }
.lb-layout-right { text-align: left; vertical-align: top; width: 350px; }
.lb-right { width: 330px; }
.lb-video-title { font-size: 15px; font-weight: 700; color: #9e2d0b; margin: 10px 0; }
.lb-video-sapo { color: #444; }
.lb-video-tags a { color: #DE5F2C; }
.lb-video-tags a:hover { color: #414141; }
.lb-video-social { background: #f4f4f4; border: 1px solid #d0d0d0; padding: 10px 5px; margin: 10px 0 5px 0; }
.lb-video-like { height: 20px; max-width: 80px; float: left; display: inline-block; }
.lb-video-like iframe { width: 100px; height: 20px; }
.lb-close { cursor: pointer; position: absolute; width: 20px; height: 20px; top: 5px; right: 5px; background: transparent url(/Images/close.png) 5px 5px no-repeat; z-index: 15; }
.lb-close:hover { background-color: #eaeaea; }



.lb-bottom { position: absolute; left: 0; bottom: 0; width: 100%; display: block; height: 47px; overflow: hidden; background-color: #424242; }
.lb-slide { position: relative; left: 0; bottom: 0; display: none; width: 100%; display: block; height: 108px; overflow: hidden; background-color: #424242; }
.lb-slide .lb-slide-nav { position: absolute; background: transparent url(http://soha.vn/skin/sprite-video2.png) no-repeat; width: 29px; height: 108px; display: block; }
.lb-slide-nav.nav-prev { background-position: -0 -86px; left: 0; }
.lb-slide-nav.nav-next { background-position: -31px -86px; right: 0; }
.lb-slide ul { position: relative; display: inline-block; float: left; margin-left: 29px; overflow: hidden; padding: 10px 0; width: 999999px; }
.lb-slide ul li { display: inline-block; width: 224px; overflow: hidden; float: left; margin: 0 5px; padding: 10px; background-color: black; opacity: 0.6; filter: alpha(opacity = 60); }
.lb-slide ul li:hover, .lb-slide ul li.current { opacity: 1; filter: alpha(opacity = 100); }
.lb-slide ul img { width: 113px; height: 65px; float: left; margin-right: 5px; display: block; background-color: #414141; }
.lb-slide ul li.last img { width: 160px; margin-left: 30px; }
.lb-slide h2 a { font-weight: bold; color: #fff; text-decoration: none; font: 700 12px/17px arial; display: block; }
.lb-zones { margin-left: 35px; }
.lb-zones li { display: inline-block; background-color: #333; float: left; margin-right: 1px; }
.lb-zones li.current { background-color: #424242; }
.lb-zones li a { line-height: 49px; padding: 16px 5px; color: #9e9e9e; text-decoration: none; font-size: 10px; text-transform: uppercase; font-weight: bold; }
.lb-zones li.current a, .lb-zones li a:hover { color: whitesmoke; }

.video-highlight.style2 { border: solid 1px #e5e5e5; padding: 18px 10px 15px; margin-top: 5px; }
.video-highlight.style2 h2 { font-size: 28px; line-height: 33px; font-weight: bold; color: #197a30; padding-bottom: 12px; display: block; }
.video-highlight.style2 .video-publishedDate { font-size: 12px; color: #777; padding-bottom: 12px; display: block; }

.lst-video { display: block; padding: 27px 0 0 26px; border: solid #e5e5e5; border-width: 0 1px 1px; }
.lst-video-header { background-color: #d6d6d6; line-height: 34px; height: 34px; }
.lst-video-header .view-more.sprite2 { cursor: pointer; background-position: 69px -267px; display: inline-block; width: 86px; float: right; font-weight: bold; font-size: 12px; line-height: 34px; margin-right: 15px; }
.lst-video-header .boxtitle { position: relative; height: 34px; background-color: #333; color: white; padding-left: 18px; float: left; width: auto; padding-right: 75px; font-size: 15px; font-weight: bold; line-height: 34px; }
.lst-video-header .boxtitle span { display: inline-block; }
.lst-video-header .boxtitle .corner.sprite2 { background-position: 0 -188px; width: 18px; height: 34px; position: absolute; right: -18px; top: 0; }
.lst-video-header .boxtitle.cyan { background-color: #007f74; }
.lst-video-header .boxtitle.cyan .corner.sprite2 { background-position: 0 -222px; width: 18px; height: 34px; position: absolute; right: -18px; top: 0; }
.lst-video li { display: inline-block; float: left; margin: 0 30px 27px 0; width: 180px; position: relative; }
.lst-video li .icon-video { width: 34px; height: 34px; position: absolute; top: 34px; left: 75px; display: block; padding: 0 !important; border: none !important; }
.lst-video li img { display: block; float: left; width: 176px; height: 96px; border: solid 2px #333; margin-bottom: 12px; }
.lst-video li .publishedDate { font-size: 12px; color: #999; display: block; line-height: 12px; padding-bottom: 12px; }
.lst-video li .title { font-size: 12px; line-height: 14px; color: #555; font-weight: bold; }
